<% layout('boilerplate') -%>
<link rel="stylesheet" href="/lib/swiper/css/swiper.min.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/test.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/style.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/mechanism.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/mechanismresponsive.css" />
<script>
    window.linkPath = '<%= linkPath %>'
</script>

<script type="text/javascript" src="<%= linkPath %>/js/mechanism.js"></script>
<script type="text/javascript" src="/lib/swiper/js/swiper.min.js"></script>
<script type="text/javascript" src="/lib/swiper/js/swiper.animate1.0.3.min.js"></script>

<!--轮播图-->
<div id="mechanism" class="container-fluid">
    <div class="mask" style="position: absolute;z-index: 70;display: inline-block;width: 100%;padding: 0;height: 100%;background: rgba(255,255,255,0.5);"></div>
    <div class="back-left" style="position: absolute;z-index: 50;
    width: 70%;
    left: 0;
    bottom: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('<%= linkPath %>/images/mechanism/russia_bj.jpg')">

    </div>
    <div class="back-right" style="position: absolute;
    z-index: 50;
    width: 70%;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;background-image: url('<%= linkPath %>/images/mechanism/america_bj.jpg')">

    </div>
    <div class="container" style="position: relative;z-index: 99">
        <div class="row">
            <div class="banner-swiper banner-swiper-container swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img style="width: 100%" src="<%= linkPath %>/images/mechanism/china_bj.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="swiper-lazy" style="width: 100%" data-src="<%= linkPath %>/images/mechanism/america_bj.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="swiper-lazy" style="width: 100%" data-src="<%= linkPath %>/images/mechanism/thailand_bj.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="swiper-lazy" style="width: 100%" data-src="<%= linkPath %>/images/mechanism/malaysia_bj.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="swiper-lazy" style="width: 100%" data-src="<%= linkPath %>/images/mechanism/russia_bj.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="swiper-lazy" style="width: 100%" data-src="<%= linkPath %>/images/mechanism/gelujiya_bj.jpg" alt="">
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="banner-swiper-pagination swiper-pagination"></div>
            </div>
        </div>
    </div>
</div>
<!--轮播图-->
<div style="text-align: center;">
    <span class="tips hide">加载中...请稍后</span>
</div>
<!--机构列表-->
<div id="resText" class="container mechanism-list" style="margin-bottom: 50px;"></div>
<!--机构列表-->
<div style="text-align: center;margin-bottom: 50px;">
    <p class="addMore">
        <a>加载更多</a>
    </p>
</div>

